import { createWebHistory, createRouter, RouteRecordRaw } from "vue-router";

const SlidingSwitch = () => import("@/views/SlidingSwitch/SlidingSwitch.vue");
const Home = () => import("@/views/Home/Home.vue");
const InputEffect = () => import("@/views/InputEffect/InputEffect.vue");
// const Waterfall = () => import("@/views/Waterfall/Waterfall.vue");

const routers: Array<RouteRecordRaw> = [
  {
    path: "/",
    component: Home,
  },
  {
    path: "/slidingSwitch",
    component: SlidingSwitch,
  },
  {
    path: "/inputEffect",
    component: InputEffect,
  },
  // {
  //   path: "/waterfall",
  //   component: Waterfall,
  // },
];

const router = createRouter({
  history: createWebHistory(),
  routes: routers,
});
export default router;
